.result-success-page {
  .result-success-page-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.5em 0;

    & > * + * {
      display: inline-flex;
      margin: 0.5em 0;
    }

    .result-success-page-icon {
      font-size: 7.5em;
    }

    .result-success-page-title {
      font-size: 2em;
      font-weight: 600;
      color: plv(text-1);
    }

    .result-success-page-message {
      text-align: center;
      color: plv(text-2);
    }

    .result-success-page-detail {
      background-color: plv(secondary-2);
      display: flex;
      flex-direction: column;
      align-items: stretch;

      .result-success-page-detail-form {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        & > div:first-child {
          font-weight: 600;
          color: plv(text-1);
        }

        & > div:nth-child(2) {
          display: flex;
          align-items: center;

          & > div {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            white-space: nowrap;
            margin-top: 1em;
            margin-bottom: 1em;

            & + div {
              margin-left: 3em;
            }

            & > div:nth-child(1) {
              color: plv(text-3);
              margin-right: 0.5em;
            }
          }
        }
      }

      @include comp(step-group) {
        & > .#{componentName(step)} {

          .step-body {
            .step-item-content {
              line-height: 2em;

              & > div {
                display: flex;
                align-items: center;
                @include comp(icon) {
                  margin-left: 0.5em;
                  color: plv(primary-6);
                }
              }
            }
          }

          &:nth-child(1) {
            .step-head {
              .step-divider-prev {
                display: none
              }
            }

            .step-body {
              align-items: flex-start;

              .step-content {
                padding-left: 0;

                .step-item-content {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                }
              }
            }
          }

          &:last-child {
            .step-head {
              .step-divider-next {
                display: none
              }
            }

            .step-body {
              align-items: flex-end;

              .step-content {
                padding-left: 0;

                .step-item-content {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-end;
                  line-height: 2em;
                }
              }
            }
          }

          &:not(:first-child):not(:last-child) {
            .step-item-content {
              display: flex;
              flex-direction: column;
              align-items: center !important;
            }
          }
        }
      }
    }
  }
}
